<script setup>

import {userCounterStore} from '@/stores/counter.ts'

const counter = userCounterStore();
</script>

<template>
  <n-button> Hello, World</n-button>
  <p @click="counter.inc()">hello, I'm home page! {{ counter.num }}</p>
  <HelloWorld :msg="'hello, world'"></HelloWorld>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
  <p>hello, I'm home page! </p>
</template>


<route>
{
  meta: {
    layout: 'main',
    title: '主页',
    hidden:false,
    affix:true,
    cacheable:true,
    icon:"home",
    iconPrefix:"iconfont",
    badge:"new",
    isRootPath:true,
    isSingle:true,
    weight:9
  }
}
</route>